<template>
	<div class="">
		<!--<div class="onefirst" :class="item.isactive?'active':''" v-for="item in list">
			<div class="firse_left">
				<i class="iconfont icon-radio-no"></i>
				<p>{{item.name}}</p>
			</div>
			<i class="iconfont icon-right" v-if="item.isshow"></i>
		</div>-->
		<!--<el-steps class="nextnav" :active="navnum" process-status="" finish-status="active" simple>
		  <el-step :title="item.name" icon="el-icon-edit" v-for="item in list"></el-step>
		</el-steps>-->
		<el-steps :active="navnum" class="nextnav" finish-status="end" process-status='curt' simple>
		  <el-step title="选择上游政策" icon="iconfont icon-1" ></el-step>
		  <el-step title="编辑下游政策信息" icon="iconfont icon-2"></el-step>
		  <el-step title="编辑下游政策" icon="iconfont icon-3"></el-step>
		  <el-step title="创建成功" icon="iconfont icon-4"></el-step>
		</el-steps>
	</div>
</template>

<script>
import Vue from 'vue'
export default{
	data(){
		return {
			
		}
	},
	props:['navnum'],
	mounted(){
		
	},
	methods:{
		
	}
}
</script>

<style lang="scss" scoped>
	.nextnav{
		width:100%;
		height:54px;
		display:flex;
		background: #F5F7FA;
		margin-top:70px;
		margin-bottom:50px;
		font-size:14px;
		.active{
			color: #FF7819;
		}
		/*.onefirst{
			width:255px;
			height:100%;
			display:flex;
			.firse_left{
				width:240px;
				height:100%;
				display:flex;
				justify-content: center;
				align-items: center;
				i{
					display:block;
					width:24px;
					height:24px;
					margin-right:15px;
					display:flex;
					align-items: center;
				}
				p{
					font-size: 16px;
					width:auto;
					display:flex;
					align-items: center;
				}
			}
			i{
				display:block;
				font-size:28.3px;
				width:15px;
				height:100%;
				display:flex;
				justify-content: center;
				align-items: center;
			}
		}*/
	}	
</style>